<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="菜鸟开发小组" />
		<meta name="keywords" content="Hyper IT,hyper it,it,hyper,IT 博客,博客,交流平台,IT交流网站,IT服务网站,菜鸟开发小组"/>
		<meta name="description" content="由菜鸟才发小组开发的一个苛求质量的高大上的IT服务网站，为IT技术圈内的大牛与小白提供了一个良好的技术交流平台。"/>
		<meta name="robots" content="all"/>
		<title>Hyper IT|博文</title>
		 
		 <link rel="icon" href="../../img/logo2.ico" type="image/x-icon"/>
		 <link rel="stylesheet" type="text/css" href="../../css/common.css"/>
		 <link rel="stylesheet" type="text/css" href="../../css/article.css"/>
		 <link rel="stylesheet" type="text/css" href="../../css/selector.css"/>
		 
		 <script type="text/javascript" src="../../js/jquery-3.1.1.min.js" ></script>
		 <script type="text/javascript" src="../../js/common.js" ></script>
		 <script type="text/javascript" src="../../js/indexArticle.js" ></script>
		 <script type="text/javascript" src="../../js/articles.js" ></script>
		 
	</head>
	<body>
		<header>
			<a href="../index.html" title="一个苛求质量的IT服务网站" id="logo"><img src="../../img/logo.jpg" alt="logo"/></a>
			<nav>
				<ul class="link-nav">
					<li><a href="../blog/blogs.html"><i class="m-icon icon-blog"></i><span>博客园</span></a></li>
					<li><a href="articles.html"><i class="m-icon icon-article"></i><span>博文阁</span></a></li>
					<li><a href="../aq/aqs.html"><i class="m-icon icon-aq"></i><span>问答楼</span></a></li>
					<li><a href="../note/notes.html"><i class="m-icon icon-note"></i><span>随笔本</span></a></li>
					<li><a href="../tag/tags.html"><i class="m-icon icon-boll"></i><span>标签库</span></a></li>
				</ul>
			</nav>
					
			<ul class="user-bar">
				<li class="help-search"><a href="../others/help.html">帮助</a></li>
				<li id="userbox"><a href="../user/login.html"><span>Go</span></a></li>
			</ul>
		</header>
		<div class="main">
			<div class="wrap">
				<div class="selector">
					<div class="selector-group">
						<span>文章搜索</span>
						<p>您可以在这里输入标签关键字，文章标题关键字搜索目标文章</p>
						<input type="search" name="articleSearch" id="articleSearch" value="" placeholder="搜索标签、关键字"/>
						<input type="button" name="search" id="search" onclick="getArticleBySearch(100000,1)" value="搜索" />
					</div>
					<div class="selector-group" id="ranking">
						<span>排榜</span>
						<p>这里的排名是从高到低的</p>
						<ul>
							<li class="active"><a href="javascript:void(0)">阅读量</a></li>
							<li><a href="javascript:void(0)">打赏</a></li>
							<li><a href="javascript:void(0)">收藏</a></li>
							<li><a href="javascript:void(0)">最新</a></li>
						</ul>
					</div>
				</div>
				<div class="article-items">
					
				</div>
				<div class="article-right-bar">
					<div class="article-right-box">
						<h2>发文</h2>
						<p>“学海从中，自用畅泳，灵感突至，便发一文。”</p>
						<a href="articleEdite.html">撰写博文</a>
					</div>
					<div class="article-right-box">
						<h2>寻觅</h2>
						<p>“寻觅，您想知道的知识！”</p>
						<a href="#">搜索博文</a>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="wrap">
				<p>Copyright &copy; 2017-5-5 Hyper IT of 菜鸟开发小组 All Rights Reserved.</p>
			</div>
		</footer>
	</body>
</html>
